@charset 'utf-8';

@import 'http://yui.yahooapis.com/3.3.0/build/cssreset/reset-min.css';


/* FONT EMBEDS ====================================================== */

@import 'http://fonts.googleapis.com/css?family=PT+Serif';
@import 'http://fonts.googleapis.com/css?family=Inconsolata';


/* BASE TAGS ======================================================== */

html, body {
    background: #f9f9f9;
    color: #222;
}

body, textarea {
    font-family: 'PT Serif', Georgia, Norasi, serif;/* Google, Windows/Mac, Linux, generic; http://bit.ly/linuxfonts */
    font-size: 15px;
    line-height: 20px;
}

code, pre {
    font-family: Inconsolata, "Courier New", FreeMono, monospace;/* Google, Windows/Mac, Linux, generic; http://bit.ly/linuxfonts */
}

/* Link states ------------------------------------------------------ */

a:visited {
    color: #606;
}

a:link {
    color: #00e;
    text-decoration: underline;
}

a:focus,
a:hover {
    color: #090;
}

a:active {
    color: #d00;
}

/* Text decoration (i.e. not STRONG or EM) -------------------------- */

b {
    font-weight: bold;
}

i {
    font-style: italic;
}

/* Forms (basic principle styles only) ------------------------------ */

input[type=text] {}

button,
input[type=submit],
input[type=image] {
    cursor: pointer;
}


/* LAYOUT =========================================================== */

body {
    margin: 10px 0 40px;
}

h2, header, article, nav {
	display: block;    
    width: 40em;
    margin: 0 auto;
}

header {
    padding: 10px 0 20px;
}

article {
    padding: 0 0 4px;
}


/* APPEARANCE ======================================================= */

header h1 {
    color: #303030;
    font-size: 28px;
    line-height: 36px;
}

header h2 {
	font-size: 20px;
}

article {
    line-height: 20px;
}

article,
article header,
article p,
article pre {
    margin-bottom: 8px;
}

article header {
    /* Gradient backgrounds */
    background: #f0f0f0;
    /* Opera */
    background: url();
    /* Firefox */
    background: -moz-linear-gradient( left, rgba(240,240,240,1), rgba(249,249,249,1) );
    /* Chrome & Safari */
    background: -webkit-gradient( linear, left top, right top, color-stop( 0, rgba(240,240,240,1) ), color-stop( 1, rgba(249,249,249,1) ) );
    /* IE5.5 - IE7 */
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr=#FFF0F0F0,EndColorStr=#FFF9F9F9);
    /* IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr=#FFF0F0F0,EndColorStr=#FFF9F9F9)";
    /* End gradients */
    padding: 5px 10px;
    color: #555;
}

article header cite {
    font-weight: bold;
    margin-right: 10px;
    color: #303030;
}

article p {
    text-indent: 10px;
}

article pre {
    background: #fff;
    padding: 5px 10px;
}

nav.pages {
    line-height: 25px;
    text-align: right;
}

nav.pages a[rel=prev],
nav.pages a[rel=next] {
    float: left;
    margin: 0 5px 0 0;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #eee;
    padding: 0 10px;
    color: #222;
    text-decoration: none;
}

nav.pages a[rel=prev]:focus,
nav.pages a[rel=prev]:hover,
nav.pages a[rel=next]:focus,
nav.pages a[rel=next]:hover {
    background: #ddd;
}
